<!DOCTYPE html>

<html>
    <head>
        <meta name="viewport" content="width=device-width"/>
        <title></title>
        <script src="../../../src/JSUtils/CTree.js"></script>
    </head>
    <body>
        <div id="div">
        
        
        </div>
    
    </body>
</html>


<script>
    
    let nodeData = {
        "aaa01": {
            "bb1": {
                "cc1": 777,
                "cc2": {
                    "dd1": 444,
                }
            },
            "bb2": {
                "cc1": {
                    "dd1": 111,
                    "dd2": 555,
                },
                "cc2": {
                    "dd1": 111,
                    "dd2": 555,
                },
            },
            "bb3": 455,
        }, "aaa02.22": {
            "bb1": {
                "cc1": 777,
                "cc2": {
                    "dd1": 444,
                }
            },
            "bb2": {
                "cc1": {
                    "dd1": 111,
                    "dd2": 555,
                },
                "cc2": {
                    "dd1": 111,
                    "dd2": 555,
                },
            },
            "bb3": 455,
        }, "aaa03.33": {
            "bb1": {
                "cc1": 777,
                "cc2": {
                    "dd1": 444,
                }
            },
            "bb2": {
                "cc1": {
                    "dd1": 111,
                    "dd2": 555,
                },
                "cc2": {
                    "dd1": 111,
                    "dd2": 555,
                },
            },
            "bb3": 455,
        },
    };
    
    Object.keys(nodeData).forEach(function (_keyName) {
        nodeData[_keyName].isViewNode = true;
    });
    
    let root = document.getElementById('div');
    
    let nodeRoot = tree_genNode("root", data, root)
    nodeRoot.S_Refresh();


</script>